<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<title>Pavel Sorokin personal site</title>

<link rel="stylesheet" type="text/css" href="resources/css/app.css"/>
<link rel="stylesheet" type="text/css" href="resources/css/header.css"/>
<link rel="stylesheet" type="text/css" href="resources/css/menu.css"/>
<link rel="stylesheet" type="text/css" href="resources/css/contact.css"/>
<link rel="stylesheet" type="text/css" href="resources/css/util.css"/>
<link rel="stylesheet" type="text/css" href="resources/css/modals.css"/>

<script data-main="resources/js/contact" src="resources/js/lib/requirejs.js"></script>
</head>
<body>
	<header class="row-container row clearfix">
		<div class="logo"></div>
		<div class="info">
			<div class="email">
				<div>
					<label>E-mail:</label>
					<a href="mailto:foodisgood.pavel@gmail.com">foodisgood.pavel@gmail.com</a>
				</div>
				<div>
					<label></label>
					<a href="mailto:info@food-is-good.by">info@food-is-good.by</a>
				</div>
			</div>
			<p class="skype">Skype:<a href="skype:Food-is-Good.by"> Food-is-Good.by</a></p>
			<p>
				<a class="social-icon vk-icon" href="http://vk.com/food_is_good_minsk" target="_blank"></a>
				<a class="social-icon fb-icon" href="https://www.facebook.com/pages/Food_is_Good/927639200584207" target="_blank"></a>
				<a class="social-icon tw-icon" href="https://twitter.com/FoodisGoodPavel" target="_blank"></a>
			</p>
		</div>
		<div class="info">
			<p><b>Свяжитесь с нами:</b></p>
			<p>+375 29 556 – 49 – 03 (МТС)</p>
			<p>+375 29 67 – 77 – 386 (Velcom)</p>
		</div>
	</header>
	<nav class="menu">
		<div class="menu-inner row clearfix">
			<div class="main">
				<ul>
					<li>
						<a href="main.php">Главная</a>
					</li>
					<li>
						<a href="#">Наши услуги</a>
						<ul>
							<li><a href="banquet.php">Банкет</a></li>
							<li><a href="reception.php">Фуршет</a></li>
							<li><a href="barbecue.php">Барбекю</a></li>
							<li><a href="desserts.php">Десерты</a></li>
							<li><a href="flambe.php">Фламбе</a></li>
							<li><a href="coffee-break.php">Кофе-брейк</a></li>
							<li><a href="bar.php">Выездной бар</a></li>
						</ul>
					</li>
					<li>
						<a href="#">Акции</a>
					</li>
					<li>
						<a href="#">Портфолио</a>
					</li>
					<li>
						<a href="#">О нас</a>
					</li>
					<li>
						<a href="reviews.php">Отзывы</a>
					</li>
				</ul>
			</div>
			<div class="label clearfix">
				<span class="fork"></span>
				<div class="plate-container">
					<a class="active" href="#">Контакты</a>
					<div class="plate"></div>
				</div>
				<span class="spoon"></span>
			</div>
		</div>
	</nav>
	
	
	<div class="row row-container info-container">
		<div class="info">
			<p><b>Контактная информация:</b></p>
			<p>+375 29 556 – 49 – 03 (МТС)</p>
			<p>+375 29 67 – 77 – 386 (Velcom)</p>
			<p class="email">E-mail:<a href="mailto:foodisgood.pavel@gmail.com"> foodisgood.pavel@gmail.com</a></p>
			<p>Skype:<a href="skype:Food-is-Good.by"> Food-is-Good.by</a></p>
			<p>
				<a class="social-icon vk-icon" href="http://vk.com/food_is_good_minsk" target="_blank"></a>
				<a class="social-icon fb-icon" href="https://www.facebook.com/pages/Food_is_Good/927639200584207" target="_blank"></a>
				<a class="social-icon tw-icon" href="https://twitter.com/FoodisGoodPavel" target="_blank"></a>
			</p>
		</div>
		
		<div class="regime">
			<p><b>Мы работаем для Вас:</b></p>
			<p>пн – вск: с 09:00 до 21:00</p>
			<p>Без выходных</p>
		</div>
		
		<div class="write-us">
			<p><b>Пишите!</b></p>
			<p>Мы любим получать письма от Вас!;)</p>
		</div>
		
		<div class="separator"></div>
		
		<div class="orderForm" id="newOrder">
			<p class="title">Оставьте вашу заявку прямо сейчас, и мы свяжемся с Вами!</p>
			<form>
				<div class="overlay">
					<div class="spinner">
						<div class="dot1"></div>
						<div class="dot2"></div>
					</div>
				</div>
				<div class="field">
					<input type="text" name="name" placeholder="Имя" />
				</div>
				<div class="field">
					<input type="text" name="phone" placeholder="Телефон в формате (29)1234567" />
				</div>
				<input type="hidden" name="reason" value="Оформление заказа" />
				<div class="field">
					<textarea cols="1" name="message" rows="5" placeholder="Сообщение"></textarea>				
				</div>
				<button id="submitOrderForm" type="submit">Отправить</button>
			</form>
		</div>
	</div>
	
	<a data-lean="confirmSentModal"></a>
	<div class="modal" id="confirmSentModal">
		<div class="content">
			<p class="content">Ваше сообщение отправлено!</p>
			<p>Мы свяжемся с Вами в ближайшее время!</p>
		</div>
	</div>
	
	<a data-lean="serverErrorModal"></a>
	<div class="modal" id="serverErrorModal">
		<div class="content">
			При отправке возникла ошибка. Пожалуйста, попробуйте позже.
		</div>
	</div>
	


</body>
</html>